<template>
    <el-card class="box-card">
    <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item>{{ title }}</el-breadcrumb-item>
    </el-breadcrumb>
    <el-table
      :data="tableData"
      style="width: 100%">
      <el-table-column
        prop="authName"
        label="权限名称"
        width="100">
      </el-table-column>
      <el-table-column
        prop="id"
        label="权限ID"
        width="100">
      </el-table-column>
      <el-table-column
        prop="path"
        label="地址"
        width="100">
      </el-table-column>
      <el-table-column
        label="等级">
        <template slot-scope="scope">
            <el-tag v-if="scope.row.level==0">标签一</el-tag>
            <el-tag v-if="scope.row.level==1" type="success">标签二</el-tag>
            <el-tag v-if="scope.row.level==2" type="warning">标签四</el-tag>
        </template>
      </el-table-column>
    </el-table>
</el-card>
</template>
<script>
import { GetRights } from '@/api/role';

export default{
    data(){
        return{
            title:'',
            tableData:[]
        }
    },

    mounted(){
        this.getdata()
        this.title = localStorage.getItem('title')
    },

    methods:{
        async getdata(){
            let {data,meta} = await GetRights('list')
            console.log(data)
            this.tableData = data
        }
    }
}
</script>
<style>
</style>